import Vue from 'vue';
import { Button } from 'element-ui';
import { Input, Header, Aside, Main, Container } from 'element-ui'
import {Cascader,Timeline,TimelineItem,
    Tree,
    Form,
    FormItem,
    Menu,
    Submenu,
    MenuItemGroup,
    BreadcrumbItem,
    MenuItem,
    Breadcrumb,
    Card,
    Row,
    Col,
    Table,
    TableColumn,
    Switch,
    Tooltip,
    Pagination,
    Dialog,
    MessageBox,
    Tag,
    Select,
    Option,
    Alert,
    Tabs,
    TabPane,
    Steps,
    Step,
    Checkbox,
    checkboxGroup,
    Upload,
  


} from 'element-ui'

//①导入弹出框提示组件
import { Message } from 'element-ui'

Vue.use(Timeline)
Vue.use(TimelineItem)
Vue.use(Upload)
Vue.use(Checkbox)
Vue.use(checkboxGroup)
Vue.use(Steps)
Vue.use(Step)
Vue.use(Button)
Vue.use(Input)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)
Vue.use(Container)

Vue.use(Menu)
Vue.use(Submenu)
Vue.use(MenuItemGroup)
Vue.use(MenuItem)
Vue.use(Breadcrumb)
Vue.use(BreadcrumbItem)

Vue.use(Card)
Vue.use(Row)
Vue.use(Col)
Vue.use(Table)
Vue.use(TableColumn)
Vue.use(Switch)
Vue.use(Tooltip)
Vue.use(Pagination)
Vue.use(Tag)
Vue.use(Dialog)
Vue.use(Tree)
Vue.use(Select)
Vue.use(Option)
Vue.use(Cascader)
Vue.use(Alert)
Vue.use(Tabs)
Vue.use(TabPane)
//②全局挂载到Vue的原型上， 弹出框提示组件，
//每一个组件都可以用以this,访问到 $message ,this.$message就可以访问弹出框组件了
//为 Vue.prototype 添加了全局方法 $message。因此在 vue实例 中可以采用本页面中的方式调用 Message。
Vue.prototype.$message = Message

//MessageBox 弹框：模拟系统的消息提示框而实现的一套模态对话框组件，用于消息提示、
Vue.prototype.$confirm = MessageBox.confirm